<!--考试个人信息页面-->

<style>
  .u-padding-10 {
      padding: 10px;
  }
  .u-border {
      border: 1px solid #f6f6f6;
  }
  .label {
      border-right: 1px solid #f6f6f6;
      width: 20%;
      padding: 9px 15px;
      box-sizing: border-box;
      float: left;
  }
  .content {
      padding: 9px 15px;
      width: 30%;
      box-sizing: border-box;
      float: left;
  }
  .border-bottom {
      border-bottom: 1px solid #f6f6f6;
  }
</style>

<div class="layuimini-container layuimini-page-anim">
  <div class="layuimini-main">
    <div class="layui-row u-padding-10 layui-col-space10">
      <div class="layui-col-md7">
        <div>
          <div class="layui-card u-border">
            <div class="layui-card-header layui-elem-quote">考试信息</div>
            <div class="">
              <div class="layui-clear border-bottom">
                <div class="label">姓名</div>
                <div class="content">小明</div>
                <div class="label">性别</div>
                <div class="content">男</div>
              </div>
              <div class="layui-clear border-bottom">
                <div class="label">报考类型</div>
                <div class="content">B</div>
                <div class="label">准考证号</div>
                <div class="content">2021D30138080218</div>
              </div>
              <div class="layui-clear border-bottom">
                <div class="label">身份证号</div>
                <div class="content">341126199402</div>
                <div class="label"> 分数</div>
                <div class="content">64</div>
              </div>
              <div class="layui-clear border-bottom">
                <div class="label">所属公司</div>
                <div class="content" style="width: 80%">淮南市建筑市政有限公司</div>
              </div>
              <div class="layui-clear border-bottom">
                <div class="label">考试期号</div>
                <div class="content" style="width: 40%">(2021)区县区新考第3898期</div>
                <div class="label" style="width: 20%">考试类型</div>
                <div class="content" style="width: 15%">新考</div>
              </div>
              <div class="layui-clear">
                <div class="label">参考时间</div>
                <div class="content" style="width: 80%">2021/7/9 7:51:54</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="layui-col-md5 text-center">
        <div class="layui-card-header layui-elem-quote">考试照片</div>
        <img src="http://placehold.it/150x100" />
        <img src="http://placehold.it/150x100" />
        <img src="http://placehold.it/150x100" />
      </div>
    </div>
    <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
  </div>
</div>

<script>
  var tableData = [
    {
      'id': 10000,
      name: '小明',
      idCard: '3424000000',
      img: 'http://placehold.it/350x200',
      type: 'B',
      count: '3424000000',
      jigou: '小明',
      beizhu: '无'
    },
    {
      'id': 10000,
      name: '小明',
      idCard: '3424000000',
      img: 'http://placehold.it/350x200',
      type: 'B',
      count: '3424000000',
      jigou: '小明',
      beizhu: '无'
    },
    {
      'id': 10000,
      name: '小明',
      idCard: '3424000000',
      img: 'http://placehold.it/350x200',
      type: 'B',
      count: '3424000000',
      jigou: '小明',
      beizhu: '无'
    },
    {
      'id': 10000,
      name: '小明',
      idCard: '3424000000',
      img: 'http://placehold.it/350x200',
      type: 'B',
      count: '3424000000',
      jigou: '小明',
      beizhu: '无'
    },
    {
      'id': 10000,
      name: '小明',
      idCard: '3424000000',
      img: 'http://placehold.it/350x200',
      type: 'B',
      count: '3424000000',
      jigou: '小明',
      beizhu: '无'
    },
    {
      'id': 10000,
      name: '小明',
      idCard: '3424000000',
      img: 'http://placehold.it/350x200',
      type: 'B',
      count: '3424000000',
      jigou: '小明',
      beizhu: '无'
    },
    {
      'id': 10000,
      name: '小明',
      idCard: '3424000000',
      img: 'http://placehold.it/350x200',
      type: 'B',
      count: '3424000000',
      jigou: '小明',
      beizhu: '无'
    }
  ]
  layui.use(['form', 'table', 'miniPage', 'element', 'laydate'], function () {
    var $ = layui.jquery,
      form = layui.form,
      table = layui.table,
      laydate = layui.laydate,
      miniPage = layui.miniPage

    table.render({
      elem: '#currentTableId',
      // url: 'api/table.json',
      data: tableData,
      cols: [[
        { field: 'id', title: '序号', sort: true },
        { field: 'count', title: '登录名称' },
        { field: 'name', title: '姓名'},
        { field: 'idCard', title: '身份证号' },
        { field: 'name', title: 'MAC地址'},
        { field: 'name', title: '答题编号'},
        { field: 'type', title: '答题序号' },
        { field: 'type', title: '答题时间' }
      ]],
      limits: [10, 15, 20, 25, 50, 100],
      limit: 5,
      page: true,
      skin: 'line'
    })
  })
</script>
